@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0;margin:0;}   
fieldset, img {border:0;}   
table{border-collapse:collapse;border-spacing:0;}   
ol, ul {list-style:none;}   
address, caption, cite, code, dfn, em, th, var {font-weight:normal;font-style:normal;}   
caption, th {text-align:left;}   
h1, h2, h3, h4, h5, h6 {font-size:100%;}   
q:before, q:after {content:'';}  
ins{ text-decoration:none;}
.txt-c{ text-align: center}

.clearfix { *zoom:1}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.mbrem1{ margin-bottom: 1rem}
.mtbrem4{ margin-top: 4rem; margin-bottom: 4rem}
.alink{ color:#0066cc}
.fl{ float: left;　border-radius: 15px;}
img{
border-radius: 20px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
	 -moz-box-shadow: 3px 3px 4px #124;
    -webkit-box-shadow: 3px 3px 4px #124;
    box-shadow: 3px 3px 4px #124;
	
}
body{background-color: aqua;}
/*common*/
html{font-size:14px;height: 100%;}
@media screen and (-webkit-device-pixel-ratio:1.5) {
    html{font-size:11px;}
}
@media screen and (-webkit-device-pixel-ratio:1.0) {
    html{font-size:10px;}
}

body{ background:#dedede; font-family:"Microsoft Yahei";height: 100%;}


.header{ background: #666666; height: 3rem; position: relative;}
.header h1{ line-height: 3rem; font-size: 1.2rem; text-align: center; color:#fff;}
.headerback{ background:url("../images/headerback.png"); background-size:40px 24px; width: 40px; height: 24px; display: inline-block; position: absolute; left: 10px; top: 8px;}

.gzbox{padding:0.3rem 0.2rem;}
.gzbox-1{-webkit-border-radius: 0.8rem;border-radius: 0.8rem;overflow: hidden; display: block}
.gzbox-1 img{ width: 100%; display: block}
/*user*/
.adv-1{}
.adv-1 img{ width: 100%}
.adv-2{ width: 80%; margin: 1rem auto 0.2rem auto; position: relative}
.adv-2 img{ width: 100%}
.adv-2 span{ position: absolute; font-size: 10px; color:#fff; right:16px; bottom:18px;}

.gotogetjf{background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e2e2e2));background:-moz-linear-gradient(top, #f4f4f4,#e2e2e2);font-size:1rem; color: #f54141;display:inline-block;height:2rem; line-height:2rem;text-decoration: none; width: 80%;-moz-border-radius: 1.2rem;
-webkit-border-radius: 1.2rem;border-radius: 1.2rem;border: 1px solid #acb2bb;}
.jfbody{ margin:0.5rem 1rem}
.jfgy{ border: 1px solid #919191; background:#fff;-moz-border-radius: 0.6rem;
-webkit-border-radius: 0.6rem;border-radius: 0.6rem; padding: 8px 0; overflow:hidden}
.jfgy li{ float: left; width: 33%; font-size:0.9rem; text-align: center; line-height: 1.4rem; padding:0.5rem 0; color: #5a5a5a}
.jfgy li.c{ border: 1px solid #555555; border-top: 0px; border-bottom: 0px;}
.jfgy li strong{ display: block; font-weight: normal}
.jfdetail{ background: #fff;-moz-border-radius: 0.6rem;-webkit-border-radius: 0.6rem;border-radius: 0.6rem; margin: 1rem 0 0 0; padding: 0.5rem 1rem}

.jftbl{ width: 100%; font-size: 1rem}
.jftbl tr{ border-bottom: 1px solid #97999c; height: 2.2rem}
.jftbl thead tr th{ background:#e6e7e8; text-align: center}
.jftbl td{ text-align: center;}
.jftbl td.finish{ color: #32d31c}

.jfdetail header{ margin-bottom: 1rem; position: relative}
.selectmouth{ width: 2.94rem; height: 3.1rem; background:url("../images/rili-bg.png"); background-size: 3.14rem 3.35rem; display: inline-block; float: left; margin-right: 1rem; font-size: 0.6rem; font-family:Arial; padding:0.25rem 0 0 0.2rem; color: #666}
.jfdetail header div p{ color: #5a5a5a; font-size: 1rem; padding: 0.4rem 0 0 0 }
.jfdetail header div span{ color: #b9b9b9; font-size: 0.8rem}
.jfdetail header ins{ width: 0.9rem; height: 0.6rem; background:url("../images/arrw-2.png"); background-size:0.9rem 0.6rem; position: absolute; right: 0.6rem; top:1.5rem}

.footer-nav{}
.footer-nav li{ float: left; width: 25%;background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#262626));background:-moz-linear-gradient(top, #434343,#262626); height: 3.2rem; overflow:hidden}
.footer-nav li.current{background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#373737));background:-moz-linear-gradient(top, #393939,#373737);}
.footer-nav li a{ height: 3.2rem; display:block; line-height: 3.2rem; text-align: center; color: #fff; font-size: 1rem; text-decoration: none; border-right: 1px solid #494949}
.footer-nav li.current a{ border-right: 1px solid #494949;-webkit-box-shadow:-5px 0px 5px #333 inset;  }

.menulist{ position: relative; margin-bottom: -1px;}
.menulist li{ height: 3rem; border-bottom: 1px solid #aaaaaa; line-height: 3rem; position: relative}
.menulist li a{height: 3rem; display: block; text-indent:1.5rem; color: #5a5a5a; text-decoration: none}

.menulist li ins{ width: 0.9rem; height: 0.6rem; background:url("../images/arrw-2.png"); background-size:0.9rem 0.6rem; position: absolute; right: 0.6rem; top:1.3rem;-moz-transform:rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

.menulist li span{ background: #f36c31; color: #fff; position:absolute;right: 1.8rem; font-size:0.8rem; height: 1.4rem; line-height: 1.4rem;border-radius: 0.7rem; padding: 0 0.5rem; top:0.8rem; overflow: hidden}

.boderbox{ border: 1px solid #919191; background:#fff;-moz-border-radius: 0.6rem;
-webkit-border-radius: 0.6rem;border-radius: 0.6rem;overflow:hidden}

.regbody{box-shadow: 0px 0px 3px #939393;border-radius: 0.7rem;  margin:0.4rem; background: #fff; min-height: 100%; overflow: hidden}
.regbody h1{ height: 3rem; line-height: 3rem; background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bcbcbb)); text-indent:1rem; font-size: 1.4rem}
.regbox{ padding: 2rem}
.regtitle{ font-size: 0.8rem}

.input-1{ border: 1px solid #a6a6a6; height:2.1rem; background: #f4f4f4; width: 100%; text-indent:0.4rem; font-size: 1rem;border-radius: 0.4rem;}
.btnbox{ border: 1px solid #b95d38;height:2.5rem;background: -webkit-gradient(linear, left top, left bottom, from(#f78e3e), to(#e75324));border-radius: 0.5rem; position: relative;}
.btnbox a.btn1{ width: 50%; height: 2.5rem; font-size:1.2rem; line-height: 2.5rem; display: inline-block; text-align: center; text-decoration: none; color: #fff;}
.btnbox a.btn2{ width: 100%; height: 2.5rem; font-size:1.2rem; line-height: 2.5rem; display: inline-block; text-align: center; text-decoration: none; color: #fff;}
.btnbox span.cline{border-right:1px solid #333; height:2.5rem; display: inline-block; position: absolute; left: 50%}
.regxieyi{ border: 1px solid #696969; padding: 0.5rem;border-radius: 0.5rem; font-size: 0.8rem}
.regxieyi h3{ font-size: 1rem; text-align: center; line-height: 2rem}
.regxieyi dl dt{ line-height: 1.5rem; font-size: 0.9rem}
.xieyiconfirm{ padding:1rem 0}
.xieyiconfirm input{ margin-right: 0.2rem}

.regtip{ font-size: 1rem; text-align: center; line-height: 2rem;}
.regtip-1{ font-size: 1.3rem; text-align: center; line-height: 2rem;}

.form-1{}
.form-1 li{ margin-bottom: 1rem; overflow:hidden;}
.form-1 li label{ width: 30%; float: left; height: 2.1rem; line-height: 2.1rem; padding: 1px 0}
.form-1 li input{ width:69%; float: left; border: 1px solid #a6a6a6; height:2.1rem; background: #f4f4f4; text-indent:0.4rem; font-size: 1rem;border-radius: 0.4rem;}
.form-2{}
.form-2 li{ margin-bottom: 1rem;  position: relative;}
.form-2 li input.input-2{ width:100%; border: 1px solid #a6a6a6; height:2.1rem; background: #f4f4f4;font-size: 1rem;border-radius: 0.4rem;padding-left:4rem; box-sizing: border-box}
.form-2 li .textarea1{ width:90%; border: 1px solid #a6a6a6; height:7rem; background: #f4f4f4; font-size: 1rem;border-radius: 0.4rem;line-height: 1.2rem; padding: 1rem}
.sqr{ position: absolute; height: 2.1rem; padding: 1px 0 0 0; line-height: 2.1rem; text-indent: 0.5rem}


.selectsex{ width: 69%; float: left}
.selectsex span.cline{ border-right:1px solid #fff}

.addressbox{box-shadow: 0px 0px 3px #939393;border-radius: 0.7rem;  margin:1rem 1.5rem; padding: 1.5rem; font-size: 0.8rem;}
.addressbox li{ margin-bottom: 0.8rem}
.addressbox h3{ margin-bottom: 0.8rem}

.faq{border-radius: 0.3rem;  margin:1rem; background: #fff; min-height: 100%; overflow: hidden; border: 0.5rem solid #d2d3d5}
.faq dt{ border-bottom: 1px solid #e3e3e3; padding: 1rem 3rem 1rem 2rem; background:url("../images/msg-1.png") no-repeat 0.7rem 1.5rem; background-size:13px 9px; position: relative;}
.faq dt.read{background:url("../images/msg-2.png") no-repeat 0.7rem 1.5rem; background-size:13px 13px; color: #939498}
.faq dt h3{ margin-bottom: 0.3rem; font-size: 0.9rem}
.faq dt p{ font-size: 0.8rem}
.faq dt .waiting{background:url("../images/ico-1.png") no-repeat; background-size:14px 14px; width: 14px; height: 14px; position: absolute; right:1rem; top: 1.5rem}
.faq dt .open{background:url("../images/arrw-3.png") no-repeat; background-size:13px 9px; width: 13px; height: 9px; position: absolute; right:1rem; top: 1.8rem}
.faq dd{ background: #f0f0f0; padding: 1rem; display: none}
.faq dd p{ font-size: 0.8rem; color: #a7a29e}
.faq dd h4{ font-size: 0.9rem; color: #a7a29e; padding: 0.5rem 0.3rem 0 0; text-align: right}

.probody{ padding: 1rem}
.proimgbox{position:relative;overflow: hidden;border-radius: 0.7rem;box-shadow: 2px 2px 5px #666;}
.proimgbox img{ width: 100%; display:block;}
.proimgbox p{width: 100%; position: absolute; bottom:0; text-align: left;background:rgba(0, 0, 0, 0.5)!important; color: #fff; padding:0.5rem;box-sizing:border-box}
/*
.proimgbox span{height: 2rem;width: 100%; line-height: 2rem; color: #fff; text-align: center; font-size: 1.5rem;  position: absolute; bottom:0;}
*/


.prolistbox{ background: #fff; border: 1px solid #848f9f;border-radius: 0.7rem;box-shadow: 1px 1px 3px #999; overflow: hidden; padding: 0.2rem 1rem 0.2rem 1rem; margin-top: 1rem}
.prolistbox a{ color: #333; text-decoration: none}
.prolistbox ul{ overflow: hidden}
.prolistbox ul li{ border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 0.8rem; margin-top: 0.8rem; position: relative; margin-bottom: -1px;}
.prolistbox ul li h3{ font-size: 1rem; margin-bottom: 0.5rem; padding-right: 2rem; height:40px;/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden; width: 160px;*/}
.prolistbox ul li div.imgbox{ width: 30%;border-radius: 0.3rem;box-shadow: 1px 1px 3px #999; overflow: hidden; border: 1px solid #96a1b1; float: left; margin-right: 5% }
.prolistbox ul li div.imgbox img{ width: 100%; display: block}
.prolistbox ul li span.list-arrw{ width: 13px; height: 9px; background:url("../images/arrw-2.png"); background-size: 13px 9px; position: absolute; right: 0px; top:20px;-webkit-transform:rotate(-90deg);  }
.prodes{ font-size: 0.8rem}
a.btn3{ width: 4rem; height: 1.2rem; font-size:0.8rem; line-height: 1.2rem; display: inline-block; text-align: center; text-decoration: none; color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#f78e3e), to(#e75324));border-radius: 0.2rem; float: right}

.selladdress{background: #fff; border: 1px solid #b1b1b1;border-radius: 0.7rem;box-shadow: 1px 1px 3px #999; overflow: hidden;margin-top: 1rem}
.selladdress ul{ width:75%; float:left}
.selladdress div.imgbox{ width:25%; float: right;}
.selladdress div.imgbox img{ width:100%; display: block}
.selladdress ul li{ font-size: 0.6rem; margin: 0.5rem 0.5rem 0 1rem;}
.smalltxt{ font-size: 0.5rem}

.article{ padding: 1rem;}
.article header h1{ font-size:1.2rem; padding-bottom: 0.2rem; color: #4d4d4f}
.article header p{ font-size:0.8rem; padding-bottom: 0.4rem; color: #4d4d4f}
.article header p a{ color: #3b3eda; text-decoration: none; margin-left: 1rem}
.articleinfo{border-radius: 0.7rem; overflow: hidden;box-shadow: 1px 1px 5px #999;}
.articleinfobanner{ width: 100%; display: block;}
.articletxt{ padding: 1rem; line-height: 2.4rem; font-size: 1.3rem; background: #fff;text-align:justify;text-justify:inter-ideograph; color: #666}
.articletxt p{ text-indent: 2rem}
.articletxt p img{width: 100%; position: relative; left: -2rem; margin:0.5rem 0}
.sharebtnbox{ padding: 1rem 0; overflow: hidden}
.sharebtnbox a{ width: 50%; display: inline-block; float: left; text-align: center;}
.sharebtnbox a img{ width: 90%;}

.cardinfo{ padding: 1rem;}
.cardinfo_list li{border-radius: 0.7rem; overflow: hidden;box-shadow: 1px 1px 5px #999; margin-bottom: 1rem; background: #fff}
.cardinfo_list li h2{text-indent: 1rem; font-size: 1.2rem; color: #fff;padding:0.5rem 0}
.cardinfo_list li h2 span{ display: block; font-size: 0.6rem}
.cardinfo_list li p{ padding: 1rem; font-size: 0.8rem; line-height: 1rem; text-indent: 1.5rem}
.card_sm1{background:-webkit-gradient(linear, left top, left bottom, from(#ea7516), to(#c86413));}
.card_sm2{background:-webkit-gradient(linear, left top, left bottom, from(#3730c5), to(#27238d));}
.card_sm3{background:-webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#858585));}
.card_sm4{background:-webkit-gradient(linear, left top, left bottom, from(#c5a00f), to(#a0820c));}
.card_sm5{background:-webkit-gradient(linear, left top, left bottom, from(#393939), to(#000000));}

.card_txtbox{ padding: 1rem 0.5rem; font-size: 0.8rem; line-height: 1.2rem; overflow: hidden; background: #fff}
.cardimg{ width: 50%; float: right; text-align: center}
.cardimg-1{ width: 50%; float:left; text-align: center}
.cardimg img,.cardimg-1 img{ width: 90%}
.card_l{ width: 50%; float: left;}
.jihua_txtbox{padding: 1rem; font-size: 0.8rem; line-height: 1.2rem; overflow: hidden; background: #fff}
.form-2{ margin-bottom: 2rem}
.form-2 li{ margin-bottom: 1rem}
.form-2 li label{ display: block; text-align: center; font-size: 1.2rem; line-height: 2rem; color: #333132}
.form-2 li label.sexlabel{ display: inline-block; margin-right:2rem; margin-left: 0.5rem}

.form-3{ margin-bottom: 2rem}
.form-3 li{ margin-bottom: 1rem}
.form-3 li label{  text-align: center; font-size: 1.2rem; line-height: 2.1rem; height: 2.1rem; padding-top: 1px;display: inline-block; color: #333132; text-align: left; padding-right:0.5rem}
.form-3 li label.sexlabel{ display: inline-block; margin-right:2rem; margin-left: 0.5rem}
.input-3{ border: 1px solid #a6a6a6; height:2.1rem; background: #f4f4f4; width: 60%; text-indent:0.4rem; font-size: 1rem;border-radius: 0.4rem;}
a.btn3{ width: 38%; height: 2.2rem; font-size:1rem; line-height: 2.2rem; display: inline-block; text-align: center; text-decoration: none; color: #fff;border-radius: 0.3rem;}
.regtip{ font-size: 0.7rem; color: #ff0000}
.select-1{ border: 1px solid #a6a6a6; height:2.1rem; background: #f4f4f4; width: 100%; text-indent:0.4rem; font-size: 1rem;border-radius: 0.4rem;}

.timebox{ overflow: hidden; background:url("../images/timeline.jpg") repeat-y center top; clear: both; width:100%; background-size:4px auto; min-height:8rem}
.time-l{ width: 45%; float: left;}
.time-c{width: 14%; position: absolute; left: 43%; background: #ecdbc5; padding:1rem 0; text-align: center}
.time-r{width: 45%; float: right}
.time-img-1{ margin: 1rem; position: relative;}
.time-img-1 span{ border: 0.25rem solid #fff;box-shadow:0px 3px 3px #777; background: #fff }
.time-img-1 span.span1{position: absolute; top:-0.2rem; left:-0.2rem;-webkit-transform: rotate(-5deg);}
.time-img-1 span.span2{ position: relative; display: block}
.time-img-1 span.span3{position: absolute; top:0.2rem;left:0.2rem;-webkit-transform: rotate(5deg);}
.time-img-1 span img{ width: 100%; display: block}
.time-c-line{}
.mounthico{ font-size: 1rem; color: #fff; height: 2.5rem; width: 2.5rem; display: inline-block; line-height:2.5rem; text-align:center; border: 0.25rem solid #fff;border-radius: 2.5rem;}
.time-tip{ margin: 1rem; background: #fff; color: #414042; border: 1px solid #b3aca6; padding: 0.5rem;border-radius: 0.5rem; font-size: 0.8rem; position: relative; min-height: 2rem}
.time-tip span.ico{width:0.5rem; height: 0.5rem; position: absolute;border-bottom: 1px solid #b3aca6;border-left: 1px solid #b3aca6; left:-0.4rem; top:1rem;-webkit-transform: rotate(45deg); background: #fff}
.time-tip span.ico-1{width:0.5rem; height: 0.5rem; position: absolute;border-top: 1px solid #b3aca6;border-right: 1px solid #b3aca6; right:-0.4rem; top:1rem;-webkit-transform: rotate(45deg); background: #fff;}
.time-year{ color: #fff; font-size: 1.2rem; text-align: right; padding:1rem 1.2rem 0.2rem 1.2rem; font-family:arial}

.citylist li{ height: 5rem; border-bottom: 1px solid #2d2834; border-top: 1px solid #82775c;}
.citylist li img{float: left; width: 100%;}
.citylist li span{ font-size: 1.5rem; height: 5rem; line-height: 5rem; float: left; color: #fff; padding: 0 0 0 3rem; position:relative}
.citylist li span ins{ width: 0.95rem;height: 1.4rem; position: absolute; background:url("../images/arrw-1.png"); background-size: 0.95rem 1.4rem; left: 1rem; top:1.8rem;-webkit-transform: rotate(180deg);}

.citylist li.eq img{ float: right;}
.citylist li.eq span{ float: right; padding: 0 3rem 0 0}

.citylist li.eq span ins{ -webkit-transform: rotate(0deg); right: 1rem; left:auto}
.logobox{position:fixed;background:rgba(0, 0, 0, 0.8)!important; width:100%; height: 100%; top:0px;overflow:auto; padding: 1rem 0; float: right; z-index: 999; text-align: center; display: none}
.logoboxbody{ margin-top: 30px;}
.logoboxbody a{ width:40%; display: inline-block; margin:2% 3% 2% 3%;background:rgba(255, 255, 255, 0.2); padding: 3px;border-radius: 0.5rem;}
.logoboxbody a img{ width: 100%; display:block;border-radius: 0.5rem;}
.logoboxbody p{ padding: 1rem; clear: both}
.logobox a.close{ font-family: arial; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; padding:0.5rem; position:fixed; top:10px; right: 10px; background:url("../images/close.png") no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px;}
.imglistpage{ padding: 0.5rem;}
.img100{ width: 100%; display:block}
.imgboxhastitle{ position: relative; margin-bottom: 0.5rem}
.imgboxhastitle a{ text-decoration: none}
.imgtitle,.imgtitle-1,.imgtitle-2,.imgtitle-3,.imgtitle-4,.imgtitle-contact{ position: absolute; bottom: 0px; width: 100%; height: 1.6rem; line-height: 1.6rem; color: aqua; text-align: center; overflow: hidden; font-size: 1rem; }
.imgtitle{background:rgba(19, 136, 177, 0.8)!important;}
.imgtitle-1{background:rgba(234, 140, 118, 0.8)!important;}
.imgtitle-2{background:rgba(175, 197, 45, 0.8)!important;}
.imgtitle-3{background:rgba(42, 122, 144, 0.8)!important;border-radius: 20px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;}
.imgtitle-4{background:rgba(141, 121, 178, 0.8)!important;}
.imgtitle-contact{background:rgba(227, 178, 47, 0.8)!important;}
.zx-title{position: absolute; bottom: 1.6rem;height: 1.6rem; line-height: 1.6rem; color: #fff; text-align: left; text-indent: 1rem; font-size: 0.8rem}
.imgtitle i,.imgtitle-1 i,.imgtitle-2 i,.imgtitle-3 i,.imgtitle-4 i,.imgtitle-contact i{ font-style: normal;font-family:"Arial";font-size: 0.5rem; font-weight: normal}
.imglistbox-l{width: 50%; border-right: 0.25rem  solid #fff; box-sizing: border-box;}
.imglistbox-r{width: 50%; border-left: 0.25rem  solid #fff; box-sizing: border-box}

.txtfooter{ color: #6b6969; text-align: center; font-size: 0.8rem; clear: both}
.zhaoping{ margin: 0px; padding: 0px;}
.zhaoping img{ width: 100%;}
.telphone{ background:url("../images/phone.png"); background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; position:absolute; margin:-4px 0 0 5px;}
.share-popup{background:rgba(0, 0, 0, 0.6); position: fixed; top:0px; width: 100%; height: 100%; display: none}
.share-popup img{ width: 100%}

.jifenadd{ width: 6rem; position: absolute; top:10rem; left:50%; margin-left:-3rem; padding: 1rem;border-radius: 0.8rem;background:rgba(255, 204, 0, 0.8)!important;}

